<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏</title>
    <link rel="stylesheet" href="./bootstrap-3.4.1/dist/css/bootstrap.css">
    <link rel="stylesheet" href="./css/game.min.css">
    <script src="./jquery.js"></script>
    <script src="./bootstrap-3.4.1/js/dropdown.js"></script>
    <script src="./bootstrap-3.4.1/js/collapse.js"></script>
    <script src="./bootstrap-3.4.1/js/transition.js"></script>
    <script src="./bootstrap-3.4.1/js/carousel.js"></script>
</head>

<body>
    <div class="container-fluid box-nav">
        <!-- 导航栏 -->
        <div class="navbar-wrapper">
            <div class="container">
                <nav class="navbar navbar-inverse navbar-static-top">
                    <div class="container">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="#">
                                <img src="./img/logo.png" alt="" class="logo">
                            </a>
                        </div>
                        <div id="navbar" class="navbar-collapse collapse">
                            <ul class="nav navbar-nav">
                                <li><a href="index.html">首页</a></li>
                                <li><a href="laya家族.html">Laya家族</a></li>
                                <li class="active"><a href="#">游戏</a></li>
                                <li><a href="新闻动态.html">新闻动态</a></li>
                                <li><a href="#">开发者中心</a></li>
                                <li><a href="#">开发者社区</a></li>
                                <li><a href="#">开放平台</a></li>
                                <li><a href="关于我们.html">关于我们</a></li>

                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                        aria-haspopup="true" aria-expanded="false">Language <span
                                            class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">中文</a></li>
                                        <li><a href="#">英文</a></li>
                                        <li><a href="#">日文</a></li>

                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </nav>

            </div>
        </div>
    </div>
    <!-- Carousel
    ================================================== -->
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>

        </ol>
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img class="first-slide" src="img/3/3-1.png" alt="First slide">

            </div>
            <div class="item">
                <img class="second-slide" src="img/3/3-1.png" alt="Second slide">

            </div>
        </div>

    </div><!-- /.carousel -->

    <div class="section1 container-fluid">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-4 lt">
                <img class="hot" src="img/3/热门.png" alt="">
                <img class="tc56" src="img/3/图层56.png" alt="">
            </div>
            <div class="col-xs-12 col-sm-12 col-md-8 gt">
                <h3>猎刃2</h3>
                <p> 2015年Q版魔幻手游诚心之作，超魔幻ARPG之作！！！无可挑剔的简单操作，无与伦比的爽快打击感，无处不在的惊
                    喜！无穷无尽的回忆！全部技能100%还原，高清华丽特效，体验视觉盛宴；超写实画风，完美重现经典副本；让我们一
                    起来，挑战恶魔，乱斗魔兽！</p>
                <img class="col-xs-6" src="img/3/图层57.png" alt="">
                <img class="col-xs-6" src="img/3/图层58.png" alt="">
                <img class="col-xs-6" src="img/3/图层59.png" alt="">
                <img class="col-xs-6" src="img/3/图层60.png" alt="">
            </div>
        </div>
    </div>
    <div class="section1 section2 container-fluid">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-8 gt">
                <h3>上吧主公</h3>
                <p>《上吧主公》是一款以三国为背景Q版卡牌游戏，游戏与普通三国题材不同，它以萌萌哒猫咪为三国众名将构筑出别具一
                    格的游戏世界观。画面Q萌，技能华丽炫酷，集养成 、 收集 、策略 、卡牌于一体。三国初始群雄争霸，奇妙的名将会帮
                    你掌握胜算左右战况。
                </p>
                <img class="col-xs-6" src="img/3/图层63.png" alt="">
                <img class="col-xs-6" src="img/3/图层64.png" alt="">
                <img class="col-xs-6" src="img/3/图层65.png" alt="">
                <img class="col-xs-6" src="img/3/图层66.png" alt="">
            </div>
            <div class="col-xs-12 col-sm-12 col-md-4 lt">

                <img class=" tc62" src="img/3/图层62.png" alt="">
            </div>
        </div>
    </div>
    <div class="section3 container-fluid">
        <div class="row">
            <h3>更多案例</h3>
            <a class="col-xs-6 col-sm-6 col-md-4 bg" href="#">
                <img class="first" src="img/3/图层68.png" alt="">
                <p>醉西游</p>
            </a>
            <a class="col-xs-6 col-sm-6 col-md-4 " href="#">
                <img src="img/3/图层69.png" alt="">
                <p>摩卡幻想</p>
            </a>
            <a class="col-xs-6 col-sm-6 col-md-4" href="#">
                <img src="img/3/图层70.png" alt="">
                <p>超能战队</p>
            </a>
            <a class="col-xs-6 col-sm-6 col-md-4" href="#">
                <img src="img/3/图层71.png" alt="">
                <p>轰三国</p>
            </a>
            <a class="col-xs-6 col-sm-6 col-md-4" href="#">
                <img src="img/3/图层72.png" alt="">
                <p>刀塔大菠萝</p>
            </a>
            <a class="col-xs-6 col-sm-6 col-md-4" href="#">
                <img src="img/3/图层73.png" alt="">
                <p>迷你猎人</p>
            </a>
            <a class="col-xs-6 col-sm-6 col-md-4" href="#">
                <img src="img/3/图层74.png" alt="">
                <p>萌挂三国</p>
            </a>
            <a class="col-xs-6 col-sm-6 col-md-4" href="#">
                <img src="img/3/图层75.png" alt="">
                <p>战争之门</p>
            </a>
            <a class="col-xs-6 col-sm-6 col-md-4" href="#">
                <img src="img/3/图层76.png" alt="">
                <p>英雄争霸</p>
            </a>
            <a class="col-xs-6 col-sm-6 col-md-4" href="#">
                <img src="img/3/图层77.png" alt="">
                <p>二战传奇</p>
            </a>
            <a class="col-xs-6 col-sm-6 col-md-4" href="#">
                <img src="img/3/图层78.png" alt="">
                <p>龙吟三国</p>
            </a>
            <a class="col-xs-6 col-sm-6 col-md-4" href="#">
                <img src="img/3/图层79.png" alt="">
                <p>哟狐狸精</p>
            </a>
            <a class="col-xs-6 col-sm-6 col-md-4" href="#">
                <img src="img/3/图层80.png" alt="">
                <p>熊来了</p>
            </a>
            <a class="col-xs-6 col-sm-6 col-md-4" href="#">
                <img src="img/3/图层81.png" alt="">
                <p>我爱我家</p>
            </a>
            <a class="col-xs-6 col-sm-6 col-md-4" href="#">
                <img src="img/3/图层82.png" alt="">
                <p>夺塔三国</p>
            </a>
            <a class="col-xs-6 col-sm-6 col-md-4" href="#">
                <img src="img/3/图层83.png" alt="">
                <p>西游快跑</p>
            </a>
            <a class="col-xs-6 col-sm-6 col-md-4" href="#">
                <img src="img/3/图层84.png" alt="">
                <p>德州扑克</p>
            </a>
            <a class="col-xs-6 col-sm-6 col-md-4" href="#">
                <img src="img/3/图层85.png" alt="">
                <p>神魔快打</p>
            </a>
            <a class="col-xs-6 col-sm-6 col-md-4" href="#">
                <img src="img/3/图层86.png" alt="">
                <p>鬼吹灯</p>
            </a>
            <a class="col-xs-6 col-sm-6 col-md-4" href="#">
                <img src="img/3/图层89.png" alt="">
                <p>挂机三国</p>
            </a>
            <a class="col-xs-6 col-sm-6 col-md-4" href="#">
                <img src="img/3/图层88.png" alt="">
                <p>三国仙侠传</p>
            </a>

        </div>
    </div>
    <footer class="container-fluid">
        <div class="box6 row">
            <div class="lt col-xs-9">
                <h6>公司简介 &nbsp; 联系方式 &nbsp; 人才招聘</h6>
                <p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </p>
            </div>
            <div class="gt col-xs-3">
                <img src="img/图层50.png" alt="">
                <img class="vx" src="img/图层51.png" alt="">
                <img class="qr" src="img/图层 53.png" alt="">
                <img src="img/图层52.png" alt="">

            </div>
        </div>

    </footer>
</body>

</html>